.container {
	width: 100%;
	padding: 14px 15px;
	bottom: 0;
	left: 0;
	border-top:2px solid $common-white-color;
	color: $common-white-color;
	box-shadow: 2px 0 6px rgba(0,0,0,0.1);
	i {
		font-size: 26px;
		cursor: pointer;
		color: rgb(204, 192, 192);
		transition: all 0.2s ease-in-out;
		&:hover {
			color: $common-white-color;
		}
	}
	.time {
		width:80px;
	}
	.control {
		display: flex;
		.pre, .next, .is_play {
			&:active {
				transform: scale(0.9) !important;
			}
		}
		.is_play {
			padding: 10px;
			margin: 0 24px;
			background-color: rgba(255,255,255,0.2);
			border-radius: 50%;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
			&:hover {
				background-color: rgba(255,255,255,0.4);
				i {
					color: $common-white-color;
				}
			}
		}
	}
	.more {
		width:70px;
		.volume {
			margin-right: 15px;
		}
		.play_list {
			&:active {
				transform: scale(0.9) !important;
			}
		}
	}
}